<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title>朋友圈</title>
	<link rel="stylesheet" type="text/css" href="/qy/css/public.css">
	<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
	<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
	<style type="text/css">
		body{
			position: relative;
		}
		.friend_contaienr{
 
		}
		.friend_header_contaienr{
			margin-bottom: 60px;
		}
		.friend_header_content{
			position: relative;
			height: 240px;
			width: 100%;
			
			background-size: cover;
		}

		.friend_headerHead_container{
			display: flex;
			justify-content: flex-end;
			position: absolute;
			right: 18px;
			bottom: -18px;
			z-index: 10;
		}
		.friend_headerHead_container p{
			color: #fff;
			text-shadow: 0px 0px 3px #000;
			padding-top: 5px;
			padding-right: 8px;
		}
		.friend_headerBg_content{
			width: 71px;
			height: 71px;
			border-radius: 5px;
			display: block;
		}
		.friend_headerFixed_container{
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 9;
		}
		/*上传图片*/
		.uploadImgBtn {
			opacity: 0;
		 	left: 0;
		 	right: 0;
		 	bottom: 0;
		 	top: 0;
		 	position: absolute;
		    cursor: pointer;
		    background-image:url('');
		    -webkit-background-size: cover;
		    background-size: cover;
		  }
		 
		  .uploadImgBtn .uploadImg {
		    position: absolute;
		    right: 0;
		    top:0;
		    width: 100%;
		    height: 100%;
		    opacity: 0;
		    cursor: pointer;
		  }
		  .friend_mainToday_contaienr{
		  	display: flex;
		  	padding: 0 15px 15px 15px;
		  	border-bottom: 1px solid #f5f5f5;
		  }
		  .friend_mainToday_contaienr p{
		  	font-size: 20px;
		  	font-weight: bold;
		  }
		  .friend_mainToday_content{
		  	margin-left: 15px;
		  	width: 74px;
		  	height: 74px;
		  	display: flex;
		  	justify-content: center;
		  	background: #f7f7f7;
		  	align-items: center;
		  }
		  .friend_mainToday_content svg{
			width: 30px;
			height: 30px;
		  }
		  .friend_main_content{
		  	
		  }
		  .friend_main_content h4{
		  	padding: 15px 15px;
		  	font-size: 20px;
		  	font-weight: bold;
		  }
		  .friend_main_content li{
		  	padding: 15px;
		  	display: flex;
		  	border-bottom: 1px solid #ececec;
		  }
		  .friend_mainList_headDate_content{
		  	display: flex;
		  	align-items: baseline;
		  	margin-right: 6px;
		  	width: 62px;
		  }
		  .friend_mainList_headm_content{
		  	font-size: 14px;
		  }
		  .friend_mainList_headd_content{
		  	font-size: 20px;
		  	font-weight: bold;
		  	padding-right: 2px;
		  }
		  .friend_mainList_container{
			flex: 1;
		  }
		  .friend_mainList_container h4{
			font-size: 14px;
			color: #5778b8;
			font-weight: bold;
		  }
		  .friend_mainList_container p{
			font-size: 15px;
			color: rgba(0,0,0,0.85);
			font-weight: 400;
			padding-top: 4px;
		  }
		  .friend_mainList_container pre{
		  	white-space: pre-wrap;
		  }
		  .friend_mainList_img_container{
		  	width: 170px;
		  	position: relative;
		  	padding-top: 12px;
		  }
		  .friend_mainList_img_container img{
			width: 100%;
			height: auto;
			display: block;
		  }
		  .friend_mainList_img_container svg{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 45px;
			height: 45px;
		  }
		  .friend_mainListOther_container{
			margin-top: 12px;
			display: flex;
			align-items: center;
		  }
		  .friend_mainListOther_container span{
			font-size: 12px;
			color: #b5b5b5;
		  }
		  .friend_mainListOther_container b{
			color: #5778b8;
			font-size: 12px;
			margin-left: 20px;
			cursor: pointer;
		  }
		  .friend_mainList_link_container{
			display: flex;
			align-items: center;
			width: 200px;
			background: #f6f6f6;
			padding:10px;
			margin-top: 12px;
			border-radius: 5px;
		  }
		  .friend_mainList_linkLeft_container{
			display: flex;
			flex-direction: column;
			flex: 1;
			overflow: hidden;
			height: 58px;
			justify-content: space-evenly;
		  }
		  .friend_mainList_linkLeft_container p:first-child{
			font-size: 15px;
			font-weight: bold;
			color: #242424;
			font-weight: bold;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			padding-top: 0;
		  }
		  .friend_mainList_linkLeft_container p:last-child{
			font-size: 15px;
			color: #b5b5b5;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			padding-top: 0;
		  }
		  .friend_mainList_linkRight_container{
			width: 58px;
			height: 58px;
			background: #ededed;
			border-radius: 5px;
			display: flex;
			justify-content: center;
			align-items: center;
		  }
		  .friend_mainList_linkRight_container svg{
		  	width: 28px;
		  	height: 28px;
		  }
		  .outter{
		  	width: 20px !important;

		  }
		  /*浮动弹窗*/
		  .fixed_contaienr{
			position: fixed;
			left: 0;
			right: 0;
			top:0;
			bottom: 0;
			background: rgba(0,0,0,0.2);
			z-index: 1000;
		  }
		  .fixed_content{
			background: #f7f7f7;
			position: absolute;
			bottom: 0;
			opacity: 1;
			left: 0;
			right: 0;
			transition: all .3s;
			border-radius: 3px 3px 0 0;
			overflow: hidden;
		  }
		  .fixed_acitve{
		  	bottom: 0;
		  	opacity: 1;
		  }
		  .fixed_content li{
			padding: 15px 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #333;
			font-size: 15px;
			border-bottom: 1px solid #ececec;
			background: #fff;
		  }
		  .fixed_content li:last-child{
		  	border-bottom: none;
		  	margin-top: 4px;
		  	border-top: 1px solid #ececec;
		  }
		  .fixed_content li a{
			font-size: 15px;
			color: #333;
			position: relative;
		  }
		  /**/
		  .confirmphotos{
		  	width: 100%;
		  	background: #FFF;
		  }
		  .confirmphotos:after{
		  	content: "";
		  	display: block;
		  	clear: both;
		  	height: 0;
		  	overflow: hidden;
		  	visibility: hidden;
		  }
		  .confirmphotos li{
		  	list-style: none;
		  	float: left;
		  	width: 27.5%;
		  	margin: 0 4% 2% 0;
		  	position:relative;
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: cover;
		  	padding: 0;
		  }
		  .confirmphotos figure{
		  	position: relative;
		  	width: 100%;
		  	height: 0;
		  	overflow: hidden;
		  	margin: 0;
		  	padding-bottom: 100%; /* 关键就在这里 */
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: cover;
		  }
		  .fixed_picture_container{
		  	position: fixed;
		  	top: 0;
		  	bottom: 0;
		  	left: 0;
		  	right: 0;
		  	background: rgb(0 0 0 / 42%);
		  	display: none;
		  	justify-content: center;
		  	align-items: center;
		  	z-index: 10;
		  	overflow-y: auto;
		  	overflow-x: hidden;
		  }
		  .fixed_picture_content{
		  	width: 100%;
		  	display: flex;
		  	align-items: center;
		  	justify-content: center;
		  }
		  .fixed_picture_content img{
		  	width: 100%;
		  	display: block;
		  	margin: 0 auto;
		  }
		  /*折叠*/
		  .a-text { 
		  	font-size: 15px;
		  	color: #3598ff;
		  	cursor: pointer;
		  }
		  .a-text:hover { 
		  	color: red;
		  }
		  .flod_firstText {
		  	font-size: 15px;
		  	color: #0a001f;
		  }
		  .fold_textStyle { 
		  	font-size: 15px;
		  	color: #0a001f;
		  	display: none;  
		  }
		  /**/
		  .friend_mainNoData_contaienr{
		  	display: flex;
		  	justify-content: center;
		  	align-items: center;
		  	flex-direction: column;
		  	padding: 50px 0;
		  }
		  .friend_mainNoData_contaienr svg{
		  	width: 120px;
		  	height: 120px;
		  }
		  .friend_mainNoData_contaienr p{
		  	color: #777;
		  	font-size: 14px;
		  	margin-top: 15px;
		  }
		    /*修改部分 添加朋友圈点赞评论功能*/
		    .friend_mainList_container{
		  	flex: 1;
		    }
		    .friend_mainListMore_container{
		    	display: flex;
		    	justify-content: space-between;
		    	align-items: center;
		    }
		    .friend_mainListMore_content{
		    	position: relative;
		    	margin-top: 12px;
		    }
		    .moreSvg{
		    	width: 18px;
		    	height: 18px;
		    	background: #f6f6f6;
		    	border-radius: 3px;
		    	padding: 0 5px;
		    	cursor: pointer;
		    }
		    .friend_mainListMore_absolutely_container{
		    	position: absolute;
		    	left: -115px;
		    	top: -7px;
		    	display: flex;
		    	align-items: center;
		    	background: #606060;
		    	padding: 5px 10px;
		    	border-radius: 3px;
		    }
		    .friend_mainListMore_absolutely_content{
		    	display: flex;
		    	cursor: pointer;
		    }
		    .friend_mainListMore_absolutely_content:first-child{
		    	padding-right: 10px;
		    }
		    .friend_mainListMore_absolutely_content svg{
		    	width: 17px;
		    	height: 17px;
		    	padding-right: 5px;
		    }
		    .friend_mainListMore_absolutely_content span{
		    	font-size: 12px;
		    	color: #fff;
		    }
		    .friend_mainListLikeAndComment_container{
		    	background: #f7f7f7;
		    	margin-top: 5px;
		    	border-radius: 2px;
		    }
		    .friend_mainListLike_container{
		    	overflow: hidden;
		    	/*border-bottom: 1px solid #dedede;*/
		    	padding: 6px 10px;
		    }
		    .friend_mainListLike_content{
		    	display: flex;
		    	align-items: center;
		    	flex-wrap: wrap;
		    	margin-right: 4px;
		    	float: left;
		    }
		    .friend_mainListLike_content svg{
		    	width: 14px;
		    	height: 14px;
		    }
		    .friend_mainListLike_content span{
		    	font-size: 12px;
		    	font-weight: bold;
		    	color: #7380a2;
		    	padding-left: 3px;
		    }
		    .friend_mainListComment_container{
		    	padding: 5px 0;
		    	cursor: pointer;
		    }
		    .friend_mainListComment_content{
		    	padding: 0px 10px;
		    	overflow: hidden;
		    }
		    .friend_mainListComment_content span{
		    	font-size: 12px;
		    	font-weight: bold;
		    	color: #7380a2;
		    	padding-right: 3px;
		    	float: left;
		    }
		    .friend_mainListComment_content p{
		    	font-size: 12px;
		    	padding-top: 0;
		    }
		    .commentFixed_container{
		    	height: 100%;
		    	position: fixed;
		    	bottom: 0;
		    	left: 0;
		    	right: 0;
		    	z-index: 9999;
		    }
		    .commentFixed_content{
		    	display: flex;
		    	align-items: center;
		    	height: 38px;
		    	background: #f7f7f7;
		    	padding: 5px 9px;
		    }
		    .commentFixed_content input{
		    	outline: none;
		    	border: none;
		    	background: #fff;
		    	flex: 1;
		    	padding: 10px;
		    	font-size: 14px;
		    	border-radius: 3px;
		    }
		    .commentFixed_content button{
		    	display: inline-block;
			    height: 38px;
			    line-height: 38px;
			    padding: 0 18px;
			    background-color: #cacaca;
			    color: #fff;
			    white-space: nowrap;
			    text-align: center;
			    font-size: 14px;
			    border: none;
			    border-radius: 2px;
			    cursor: pointer;
		    }
		    .commentFixed_hide_container{
		    	height: calc(100% - 48px);
		    }
		    .division_container{
		    	height: 1px;
		    	background: #dedede;
		    }
		   	.gzhStyle{
			  	background: #f6f6f6;
			  	padding: 10px;
			  	display: flex;
			  	align-items: center;
			  	width: 260px !important;
			}
			.gzhStyle img{
			  	width: 40px;
			  	height: 40px;
			}
			.gzhStyle p{
			  	flex: 1;
			  	padding-left: 5px;
			  	color: #333;
			  	font-size: 14px;
			  	overflow: hidden;
			  	text-overflow: ellipsis;
			  	white-space: nowrap;
			  	padding-top: 0;
			} /*折叠*/
		  .a-text { 
		  	font-size: 15px;
		  	color: #3598ff;
		  	cursor: pointer;
		  }
		  .a-text:hover { 
		  	color: red;
		  }
		  .flod_firstText {
		  	font-size: 15px;
		  	color: #0a001f;
		  }
		  .fold_textStyle { 
		  	word-break:break-all;
		  	font-size: 15px;
		  	color: #0a001f;
		  	display: none;  
		  }
	</style>
</head>
<body>
	<div class="friend_contaienr">
		<div class="friend_header_contaienr">
			<!-- 背景图 -->
			<div class="friend_header_content" style="background: url({$userBackground->background?$userBackground->background:$h->import('static/img/bg.jpg')})center center /cover;">
				<div class="friend_headerHead_container">
					<p>{$users->name}</p>
					<img class="friend_headerBg_content" src="{$users->avatar}">
				</div><!-- 浮动层 点击换背景图层 -->
				{if $user->id == $users->id}<div class="friend_headerFixed_container publicShowFixed" data-showdata="bg"></div>{/if}
			</div>
		</div>
		<div class="friend_main_contaienr">
			{if count($moment_list)}
				<!-- 有数据 -->
				<ul class="friend_main_content">
					{loop@i $moment_list as $r}
					<h4>
						{date('Y',$r["ctime"])}年
					</h4>
					<li> 
						<!--<img class="friend_mainList_head_content" src="{$qyUser->avatar}">-->
						<div class="friend_mainList_headDate_content">
							<span class="friend_mainList_headd_content">{date('d',$r["ctime"])}</span>
							<span class="friend_mainList_headm_content">{date('m',$r["ctime"])}月</span>
						</div>
						
						<div class="friend_mainList_container">
							<!-- <span style="word-break:break-all;">{$r['writing']}</span><br> -->
							<pre class="p{$i} flod_firstText" style="word-break:break-all;">{$r["writing"]}</pre>
							{if $r["type"] == 2} 
								{loop $r['pics'] as $pics}
									<img src="{$pics}" width="50px" onclick="urls('{$pics}')" height="50px" >
								{/loop}
							{/if}
							{if $r["type"] == 3}
							<div class="friend_mainList_img_container">
								<video width="170" height="128" src="{$r['video']}" preload="meta" controls poster="{$r['pics'][0]}"></video>
							</div>
							{/if}
							{if $r["type"] == 4}
							<a href="{$r['link_url']}" class="friend_mainList_link_container gzhStyle" >
								<img src="{$r['pics'][0]}" >
								<p>{$r['link_title']}</p>
							</a>
							{/if}
							{if count($r['zan_list']) >= 1}
							<div class="friend_mainListLikeAndComment_container">
								<div class="friend_mainListLike_container {'mon_'.$r->id}">
									{loop $r['zan_list'] as $zan}
									<div class="friend_mainListLike_content {'mon_'.$r->id} {'et_'.$zan->external_id}">
										<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>
										<span>
											{$zan}
										</span>
									</div>
									{/loop}
								</div>
							</div>
							{/if}
						</div>
					</li>
				{/loop}
				</ul>
			{else}
				<!-- 空数据 -->
				<div class="friend_mainNoData_contaienr">
					<svg t="1602839884497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1256" width="200" height="200"><path d="M23 82.6h61.1c4.2 0 7.6 3.4 7.6 7.6 0 4.2-3.4 7.6-7.6 7.6H23c-4.2 0-7.6-3.4-7.6-7.6 0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1257"></path><path d="M53.6 52c4.2 0 7.6 3.4 7.6 7.6v61.1c0 4.2-3.4 7.6-7.6 7.6-4.2 0-7.6-3.4-7.6-7.6V59.6c0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1258"></path><path d="M358.4 122.3l29.5 7.9c4.1 1.1 6.5 5.3 5.4 9.4-1.1 4.1-5.3 6.5-9.4 5.4l-29.5-7.9c-4.1-1.1-6.5-5.3-5.4-9.4 1.2-4.1 5.3-6.5 9.4-5.4z" fill="#043EB8" p-id="1259"></path><path d="M412.8 79.4l7.9 29.5c1.1 4.1-1.3 8.3-5.4 9.4-4.1 1.1-8.3-1.3-9.4-5.4L398 83.3c-1.1-4.1 1.3-8.3 5.4-9.4 4.1-1 8.3 1.4 9.4 5.5z" fill="#2868F0" p-id="1260"></path><path d="M477.1 105l-21.6 21.6c-3 3-7.8 3-10.8 0-3-3-3-7.8 0-10.8l21.6-21.6c3-3 7.8-3 10.8 0 3 3 3 7.8 0 10.8z" fill="#8FB3FF" p-id="1261"></path><path d="M939 119.3c-25.3 0-45.8 20.5-45.8 45.9 0 25.3 20.5 45.8 45.8 45.8s45.9-20.5 45.9-45.8c-0.1-25.4-20.6-45.9-45.9-45.9z m0 76.4c-16.9 0-30.6-13.7-30.6-30.6 0-16.9 13.7-30.6 30.6-30.6s30.6 13.7 30.6 30.6c-0.1 16.9-13.8 30.6-30.6 30.6z" fill="#FFB400" p-id="1262"></path><path d="M763.9 32L718 50.6v61.1l45.9-18.6V32z" fill="#FFB400" p-id="1263"></path><path d="M664.4 93.1l45.9 18.6V50.6L664.4 32v61.1zM763.9 25.9L714.7 6.5l-50.3 17.4 50.1 21.3 49.4-19.3z" fill="#FFD200" p-id="1264"></path><path d="M917.1 388.2l-458.5-61.1v242.3l458.5 48.1V388.2z" fill="#043EB8" p-id="1265"></path><path d="M91.8 406.4l366.8-79.3v275.1L91.8 681.5V406.4z" fill="#2868F0" p-id="1266"></path><path d="M519.7 498.1l397.4-109.9v519.6l-397.4 109.9V498.1z" fill="#043EB8" p-id="1267"></path><path d="M91.8 406.4l427.9 91.7v516.8L91.8 910.8V406.4z" fill="#2868F0" p-id="1268"></path><path d="M519.7 497.3L91.8 406.4 0.1 589.8l443.2 104.1 76.4-196.6z" fill="#8FB3FF" p-id="1269"></path><path d="M519.7 498.1l397.4-109.9 107 183.4L642 696.8 519.7 498.1z" fill="#2868F0" p-id="1270"></path><path d="M734.7 401.8s17-107.2 105.8-160.6c0 0 7.8 8.8 23.2 28.6 0 0-40.4-6.4-129 132z" fill="#8FB3FF" p-id="1271"></path><path d="M519.7 397.4s1.7-58.7 44.7-191.2c0 0 7.8 8.8 23.2 28.6 0 0-16.2 14.1-67.9 162.6z" fill="#2868F0" p-id="1272"></path><path d="M370.3 386.8s-48.4-142.2-166.9-206.4c0 0-19.8 27.7-41.5 36.5-0.1 0 136.3 47.5 208.4 169.9z" fill="#FFD200" p-id="1273"></path></svg>
					<p>还没有发过朋友圈哦</p>
				</div>
			{/if}
		</div>
	</div>
	<div class="fixed_contaienr" style="display: none;">
		<ul class="fixed_content fixed_list_content" style="display: none;">
			<li>
				<a href="#">文字</a>
			</li>
			<li>
				<a href="#">图片</a>
			</li>
			<li>
				<a href="#">视频</a>
			</li>
			<li>
				<a href="#">图文</a>
			</li>
			<li class="removeFixedContainer">取消</li>
		</ul>
		<ul class="fixed_content fixed_bg_content" style="display: none;">
			<li>
				<a href="#">
				更换背景图
				<div class="uploadImgBtn" id="uploadImgBtn">
				    <input class="uploadImg" type="file" name="file" multiple id="file" onchange="replace_background()">
				</div>
				</a>
			</li>
			<li class="removeFixedContainer">取消</li>
		</ul>
	</div>
	<div class="fixed_picture_container">
		<div class="fixed_picture_content">
			<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/354de9fe1f91e77b7e65a51d979fbde5.png" id="fixed-picture">
		</div>
	</div>
</body>
<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>

<script type="text/javascript">
		$(function () {
		 	var resNum = {count($moment_list)} + 1;
		 	for(var i = 1; i < resNum; i++){
		 		text_foled('.p'+i,i, 100);
		 	}
		 });
		//$(function () {
		//    text_foled('.p1', 100);
		//});
		function text_foled(clas,i,num) {
		    var num = num;
		    var a = $("<a></a>").on('click', showText).addClass('a-text').text("【展开】");
		    var b = $("<a></a>").on('click', showText).addClass('a-text').text("【折叠】");
		    var p = $("<pre></pre>").addClass('fold_textStyle fold_text'+i);
		    var str = $(clas).text();
		    $(clas).after(p);
		    if (str.length > num) {
		        var text = str.substring(0, num) + "...";
		        $(clas).html(text).append(a);
		    }
		    $('.fold_text'+i).html(str).append(b);
		    function showText() {
		        $(this).parent().hide().siblings().show();
		    }
		}

	$('.removeFixedContainer').click(function(e){
		$('.fixed_contaienr').hide();
		$('.fixed_bg_content').hide();
		$('.fixed_list_content').hide();
	});
	$('.publicShowFixed').click(function(e){
		console.log($(this).data("showdata"));
		if($(this).data("showdata") == "bg"){
			$('.fixed_contaienr').show();
			$('.fixed_bg_content').show();
		}else if($(this).data("showdata") == "list"){
			$('.fixed_contaienr').show();
			$('.fixed_list_content').show();
		}
	});

		function urls(e){
			$('#fixed-picture').attr('src',e);
			$('.fixed_picture_container').css('display','flex');
		}
		$('.fixed_picture_container').click(function(){
			$(this).css('display','none')
		})
	</script>
	<script type="text/javascript">
		function replace_background(){ 
			var formData = new FormData();
			 formData.append("file",$("#file")[0].files[0]);
			 $.ajax({
				url: "replace_background-{$user->wid}-{$user->id}.html",
				type: "post",
				data: formData,
				processData: false,
				contentType: false,
				success:function(resp){
					$('.fixed_contaienr').hide();
					$('.fixed_bg_content').hide();
					$('.fixed_list_content').hide();
					if(resp.status == 'success'){
						 $('.friend_header_content').css('background',"url("+resp.data+")center center /cover")
					}else{
						layer.msg(resp.msg)
					}
				}
			 })
		}
	</script>
</html>